<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<script src="../js/publicAlert.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
		<title>代理</title>
		<style>
			#agency_body {
				height: 94vh;
				width: 100%;
				background: url(../images/agent/bg.png);
				background-size: 100% 100%;
				text-align: center;
			}
			
			#agency_body>img {
				width: 7rem;
				margin-top: 4rem;
			}
			
			.agency_lis {
				font-size: .8rem;
				margin-top: 2rem;
				margin-bottom: 1rem;
				color: white;
			}
			
			.agency_lis li {
				margin-top: .5rem;
				color: black;
			}
			
			#agency_body span {
				color: orange;
				font-size: .7rem;
				text-decoration: underline;
			}
			
			.ser_ewmBg {
				position: absolute;
				bottom: 1rem;
				/*width: 43vw;*/
				height: 54vw;
				margin-left: 22vw;
				/*background: url(__PUBLIC__/Home/images/server/ser_ewmBg.png);*/
				/*background-size: 100% 100%;*/
			}
			
			.ser_close {
				position: absolute;
				top: -.5rem;
				right: -.5rem;
				width: 1.3rem;
			}
			/*佣金*/
			
			.ser_yj {
				position: absolute;
				width: 74vw;
				height: 20rem;
				top: 2rem;
				margin-left: 2rem;
				background: url(../images/server/ser_note.png);
				background-size: 100% 100%;
			}
			
			.aBg {
				width: 100%;
				height: 5rem;
				/*background: #0b605b;*/
				background: url(../images/agent//bg.png);
				background-size: 100% 100%;
				background-size: 100% 100%;
				position: absolute;
				height: 92vh;
				top: 0;
			}
			
			.tBg {
				width: 100%;
				height: 5rem;
				/*background: #034833;*/
				background: url(../images/agent/fenxiang.jpg);
				background-size: 100% 100%;
				position: absolute;
				height: 92vh;
				top: 0;
			}
			
			.ser_agaency {
				margin-top: 2rem;
				font-size: .6rem;
			}
		</style>
		<script>
			function copyUrl2() {
				var Url2 = document.getElementById("fff");
				Url2.select(); // 选择对象
				document.execCommand("Copy"); // 执行浏览器复制命令
				publicAlert("已复制好");
			}
		</script>
	</head>

	<body>
		<div id="agency_body">
			<img class="agency_tc" src="../images/server/ser_ewm.png" alt="" />
			<br>
			<input type="text" name="f" value="{$url}" style="width:30vw" readonly id="fff"><input type="button" value="复制链接" onclick="copyUrl2()">

			<ul class="agency_lis">
				<li>一级用户：{$data[0]}人</li>
				<li>二级用户：{$data[1]}人</li>
				<li>三级用户：{$data[2]}人</li>
				<li>四级用户：{$data[3]}人</li>
				<li>五级用户：{$data[4]}人</li>
			</ul>
			<span class="agency_tcSpan">佣金说明</span>
		</div>
		<!--二维码-->
		<div class="tBg" style="display: none;">
			<div class="ser_ewmBg">
				<img class="ser_close  c_top" src="../images/server/ser_close.png" alt="" />
				<img src="../images/agent/baidu.png" style="width:55vw" />
			</div>
		</div>
		</div>
		<!--佣金-->
		<div class="aBg" style="display: none;">
			<div class="ser_yj">
				<img class="ser_close c_bottom" src="../images/server/ser_close.png" alt="" />
				<div class="ser_agaency">
					<?php echo html_entity_decode($yj['text']);?>
					佣金方案
				</div>
			</div>
		</div>
		
		<footer>
			<ul id="footer">
				<li>
					<a href="../index.html">抢红包</a>
				</li>
				<li>
					<a href="agency.html">代理</a>
				</li>
				<li>
					<a href="server.html">客服</a>
				</li>
				<li>
					<a href="center.html">我的</a>
				</li>
			</ul>
		</footer>
	</body>
	<script src="../js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
		// 设置动态fontSize
		!(function(doc, win) {
			var docEle = doc.documentElement,
				evt = "onorientationchange" in window ? "orientationchange" : "resize",
				fn = function() {
					var width = docEle.clientWidth;
					width && (docEle.style.fontSize = 20 * (width / 375) + "px");
				};
			win.addEventListener(evt, fn, false);
			doc.addEventListener("DOMContentLoaded", fn, false);
		}(document, window));

		//二维码
		$('.agency_tc').click(function() {
			$('.tBg').slideDown();
		});
		$('.c_top').click(function() {
			$('.tBg').slideUp();
		});

		//佣金弹出
		$('.agency_tcSpan').click(function() {
			$('.aBg').slideDown();
		});
		$('.c_bottom').click(function() {
			$('.aBg').slideUp();
		});
	</script>

</html>